<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 在web app应用下状态条（屏幕顶部条）的颜色；默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="screen-orientation" content="portrait" />
		<meta name="x5-orientation" content="portrait">
		<meta name="full-screen" content="true" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="360-fullscreen" content="true" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
		<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js">
		<script type="text/javascript" src="js/zepto.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
		<script type="text/javascript" src="js/datat.js" ></script>
	</head>
	<style>
		
		.bottomBar{			
			width: 100%;
			height: 60px;
			padding-top: 10px;
			position: fixed;
			left: 0px;
			bottom: 0px;
			background: #fff;
			border-top: 1px solid #ccc;
			box-shadow:2px 2px 3px #cfcfcf;
			-moz-box-shadow:2px 2px 3px #cfcfcf;
			-webkit-box-shadow:2px 2px 3px #cfcfcf;
		}
		.bottomBar ul li{
			float: left;
			width: 25%;
			text-align: center;
			font-size: 14px;
		}
		.bottomBar ul li a{
			color: #666;
		}
		.bottomBar ul li a:hover{
			text-decoration: none;
		}
		.bottomBar li span{
			display: inline-block;
			width: 30px;
			height: 30px;	
					
		}
	
		.bottomBar li:nth-of-type(1) span{
			background: url(img/faxian.png) no-repeat;		
			background-size: contain;	
		}
		.bottomBar li:nth-of-type(2) span{
			background: url(img/shujia2.png) no-repeat  ;	
			background-size: contain;		
		}
		.bottomBar li:nth-of-type(3) span{
			background: url(img/fenshu.png) no-repeat;		
			background-size: contain;	
		}
		.bottomBar li:nth-of-type(4) span{
			background: url(img/wode.png) no-repeat;	
			background-size: contain;		
		}
		.p_color{
			color: #39C764;
		}
	</style>
	<body>

		<!--底部导航-->
		<div class="bottomBar">
			<ul>
				<li><a href="#" onclick="location.href = 'register.html';return false;"><span class="clickStyles"></span><p class="p_color">发现</p></a></li>
				<li><a href="#" onclick="location.href = 'register.html';return false;"><span></span><p>书架</p></a></li>
				<li><a href="#" onclick="location.href = 'register.html';return false;"><span></span><p>分类</p></a></li>
				<li><a href="#" onclick="location.href = 'register.html';return false;"><span></span><p>我的</p></a></li>
			</ul>
		</div>
		
		
	</body>
	
</html>
